Какие единицы измерения использовать в CSS

Единицы длины бывают двух категорий: абсолюные и относительные. К абсолютным относятся:

* дюймы (in)
* сантиметры (cm)
* миллиметры (mm)
* пункты (pt)
* пики (pc)


В терминах спецификации css 1pt = 1/72in, а 1pc = 12pt.
В свойстве font-size задание отрицательного значения в единицах длины, например -25cm, недопустимо.
Почему абсолютные? Потому что за ними в физическом мире стоит реальная величина, тоесть эталоны.
С такими единицами работает устройство вывода, которое имеет реальный физический размер, например: при печати будем использовать такие единицы.
А вот для мониторов эти единицы не имеют никакого значения, есть некая условность, но это действительно только лишь условность.
К относительным единицам относятся:

* em (кегельная)
* x-height (ex)
* px (пикселы)


Проценты ( % ) — всегда величина, о которой стоит говорить отдельно. Она настолько важная, что W3C вынес ее в отдельную колонку. Тоесть % можно писать не у всех правил, а только